<template>
  <div class="match_header">
    <div class="list AlibabaPuHuiTi_2_85_">
      <div style="flex: 1; text-align: left">{{homeState.activesport == 'soccer' ? languageJson.home.soccer : languageJson.home.basketball}}</div>
      <div class="DINAlternate width_164" style="text-align: center">{{homeState.activesport == 'soccer' ? languageJson.home.WinDrawLose : languageJson.home.WinLose}}</div>
      <div class="width_60"></div>
      <div class="width_108" style="text-align: center">{{languageJson.home.AsianPlate}}</div>
      <div class="width_60"></div>
      <div class="width_108" style="text-align: center">{{languageJson.home.Totalgoalsscored}}</div>
    </div>
  </div>
</template>

<script setup>
const { homeStore, homeState } = inject('HomeStore')

const languageJson = inject('languageJson')
</script>

<style lang="scss" scoped>
.match_header {
  padding: 12px 20px 12px 12px;
}
.list {
  display: flex;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  margin-right: 8px;
}
</style>